<?php $now_title="网站首页"; require_once("head.php"); ?>
<!-- HD -->
<main class="m-0">
<style type="text/css">

.goods_list a img:hover {
  transition: All 0.7s ease;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.ztjj:hover {
  transition: All 0.7s ease;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
}
.showBox:hover {
    transition: All 0.7s ease;
    opacity:.6;
}

.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 80%;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    padding: 0.5rem 0;
}
.bodyCon08 {
    width: 100%;
}
#four_flash {

    width: 100%;
  
}
.jqfa2 {
    position: absolute;
    opacity: 0;
    transform: translate(-50%);
    left: 50%;
    margin-right: 10px;
  
}
.pjqfa {
   position: relative;
   height: 8rem;
   display:block;
   text-align: center;
}
.pjqfa:hover .jqfa2{
    
     display: inline;
     opacity: 1;
     margin-top: -5px;
     transition: all 1s ease;

}
.pjqfa:hover .jqfa{
    
   ** display: none;
     opacity: 0;
    transition: All 1s ease;
}
.pjqfa img{
    height:8rem
}


.cpzxs2{
    position: absolute;
    opacity: 0;
    transform: translate(-50%);
    left: 50%;
}
.pcpzxs {
   position: relative;
   height: 8rem;
   display:block;
   text-align: center;

}
.pcpzxs:hover .cpzxs2{
    
     display: inline;
      opacity: 1;
     transition: all 1.2s ease;

}
.pcpzxs:hover .cpzxs{
    
    opacity: 0;
    transition: All .2s ease;
}
.pcpzxs img{
    height:8rem
}.footer{
    margin-top:0px;
}
</style>





<div style="background: url('hg/img/bg1.jpg');width: 100%; background-size:100% 100%;padding-bottom: 3%" class="pt5 hidden-xs-down">

    <div class="container">

        <div class="w100" style="text-align: center;margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 3.5rem ">
                我们可以帮你实现
            </div>
        <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 2rem;margin-bottom: 3%">
            用我们的服务助力您的发展
        </div>
        <div class="row">
            <div class="gn">
                <img src="hg/img/gn1.png"  >
            </div>
            <div class="gn">
                <img src="hg/img/gn2.png"  >
            </div>
            <div class="gn">
                <img src="hg/img/gn3.png"  >
            </div>
            <div class="gn">
                <img src="hg/img/gn4.png"  >
            </div>
            <div class="gn">
                <img src="hg/img/gn5.png"  >
            </div>
            <div class="gn">
                <img src="hg/img/gn6.png"  >
            </div>
            <div class="gn">
                <img src="hg/img/gn7.png"  >
            </div>
            <div class="gn">
                <img src="hg/img/gn8.png"  >
            </div>
            <div style="clear: both"> </div>

        </div>
    </div>

    </div>

    <div style="background: url('hg/img/bg2.jpg') no-repeat;  background-size:100% 60%;" class="pt5 hidden-xs-down">
        <div class="container">

            <div class="w100" style="text-align: center;margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 3.5rem;color: white ">
                开发优势·服务保障
            </div>
            <div class="w100" style="text-align: center;color: #fff;font-size: 2rem;margin-bottom: 3%">
                专业服务团队 答疑解惑 专业指导 全方位服务保障
            </div>

            <div class="row">
                <div class="gn">
                    <img src="hg/img/kf1.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/kf2.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/kf3.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/kf4.png"  >
                </div>

                <div style="clear: both"> </div>

            </div>
        </div>
    </div>

    <div class="container hidden-xs-down">

        <div class="w100" style="text-align: center;margin-top:5%;margin-bottom: 2%;overflow: hidden; font-weight: 500;font-size: 3.5rem ">
            新闻资讯
        </div>
        <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 2rem;margin-bottom: 3%">
            了解更多动态
        </div>


    <div class="row">
        <?php
        $sql = "SELECT * FROM `#@__infolist` WHERE classid=4  AND delstate='' AND checkinfo=true ORDER BY orderid DESC";
        $dopage->GetPage($sql,6);
        while($row = $dosql->GetArray())
        {
        $url = "/newsshow.php?id=".$row['id'];
        $title = $row['title'];
        ?>

            <div style="width: 100% ;line-height: 2">

                <div style="width: 70% ;float:left;text-align: left;font-size: 2rem"> <i><img src="hg/img/news.png" alt=""></i>   <a href="/newsshow.php?id=<?php echo $row['id']; ?>">

                        <?php echo $title ?></a></div>
                <div style="width: 20%; float: right;text-align: right;font-size: 1.5rem;color: #A1A1A1"><?php echo date("Y.m.d",$row['posttime']); ?></div>
                <div style="clear: both"></div>
            </div>
            <div style="border:1px dashed #a2a2a2;width: 100%;margin-bottom: 1%"></div>
        <?php }?>

    </div>
    </div>


    <div class="hidden-imax container" style="padding-bottom: 3%">
        <div class="w100" style="text-align: center;margin-top:5%;margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 2.5rem ">
            我们的服务
        </div>
        <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 1.5rem;margin-bottom: 3%">
            各种服务项目满足你的各类需求
        </div>
        <style>
            .mrow{
                margin-left: 5%;
                margin-right: 5%;
            }
            .mfw{
                float: left;
                margin: 1%;
                width: 23%;
            }
            .mfw img{
                width: 70%;
                margin-left: 15%;
            }
            .mfwtitle{
                text-align: center;font-size: 1.5rem;margin-top: 20%;margin-bottom: 20%;font-weight: 600;
            }
            .mfwdesc{
                text-align: center;font-size: 1rem;color: #38322E;line-height: 2;
            }
            .mgn{
                float: left;
                width: 48%;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 2%;
                margin-top: 2%;
                overflow: hidden;
            }
            .mgn img{
                width: 100%;
                cursor: pointer;
                transition: 0.6s;
            }
            .mgn img:hover{
                transform: scale(1.1);
            }
        </style>

        <div class="mrow" >
            <div class="mfw">
                <img src="hg/img/fw1.png"  alt="小程序">
                <p class="mfwtitle" >小程序</p>
                <p class="mfwdesc">依靠各大平台亿万流量触手可及</p>

            </div>
            <div class="mfw">
                <img src="hg/img/fw2.png"  alt="APP开发">
                <p class="mfwtitle" >APP开发</p>
                <p class="mfwdesc">打造属于自己的网络平台</p>

            </div>
            <div class="mfw">
                <img src="hg/img/fw3.png"  alt="软件开发">
                <p class="mfwtitle" >软件开发</p>
                <p class="mfwdesc">根据客户需求开发各类软件</p>

            </div>
            <div class="mfw">
                <img src="hg/img/fw4.png"  alt="网站开发">
                <p class="mfwtitle" >网站开发</p>
                <p class="mfwdesc">展示企业形象搭建官网</p>

            </div>
            <div style="clear: both"></div>


        </div>
    </div>

    <div style="background: url('hg/img/maboutbanner.jpg');width: 100%; background-size:100% 100%;padding-bottom: 3%" class="pt5 hidden-imax">

        <div class="container">

            <img src="hg/img/aboutus.png" style="width: 20%;margin-left: 40%" alt="关于我们">
            <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 1.3rem;margin-bottom: 3%;margin-top: 3%">
                是一家集研发、制造、销售和服务为一体的现代化高新技术企业
            </div>
            <img src="hg/img/mabout.jpg" style="width: 100%;" alt="关于我们">
            <div class="w100" style="text-align: left;font-size: 1.5rem;line-height: 2;text-indent: 2em">
                河南科瑞电气有限公司始创于2006年，是一家集研发、制造、销售和服务为一体的现代化高新技术企业。公司配有先进的办公软件和ERP
                <?php Info(2); ?>
            </div>
        </div>

    </div>

    <div style="background: url('hg/img/bg2.jpg') no-repeat;  background-size:100% 100%;" class="pt5 hidden-imax">
        <div class="container">

            <div class="w100" style="text-align: center;margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 2.5rem;color: white ">
                开发优势·服务保障
            </div>
            <div class="w100" style="text-align: center;color: #fff;font-size: 1.5rem;margin-bottom: 3%">
                专业服务团队 答疑解惑 专业指导 全方位服务保障
            </div>

            <div class="row">
                <div class="mgn">
                    <img src="hg/img/kf1.png">
                </div>
                <div class="mgn">
                    <img src="hg/img/kf2.png">
                </div>
                <div class="mgn">
                    <img src="hg/img/kf3.png">
                </div>
                <div class="mgn">
                    <img src="hg/img/kf4.png">
                </div>

                <div style="clear: both"> </div>

            </div>
        </div>
    </div>

    <div class="container hidden-imax">

        <div class="w100" style="text-align: center;margin-top:5%;margin-bottom: 2%;overflow: hidden; font-weight: 500;font-size: 2.5rem ">
            新闻资讯
        </div>
        <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 1.5rem;margin-bottom: 3%">
            了解更多动态
        </div>


        <div class="row">
            <?php
            $sql = "SELECT * FROM `#@__infolist` WHERE classid=4  AND delstate='' AND checkinfo=true ORDER BY orderid DESC";
            $dopage->GetPage($sql,6);
            while($row = $dosql->GetArray())
            {
                $url = "/newsshow.php?id=".$row['id'];
                $title = $row['title'];
                ?>

                <div style="width: 100% ;line-height: 2">

                    <div style="text-align: left;font-size: 2rem;overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; "> <i><img src="hg/img/news.png" alt=""></i>  <a href="/newsshow.php?id=<?php echo $row['id']; ?>">

                            <?php echo $title ?></a>
                        <div style="float: right; text-align: right;font-size: 1.5rem;color: #A1A1A1"><?php echo date("Y.m.d",$row['posttime']); ?></div>
                    </div>

                </div>
                <div style="border:1px dashed #a2a2a2;width: 100%;margin-bottom: 1%"></div>
            <?php }?>

        </div>
    </div>

</main>

<?php require_once("footer.php");?>

